<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML>
<html>
<head>
<base href="<%=basePath%>">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>某次审批的变更数据</title>
<link rel="stylesheet" href="css/vivo.css">
<link rel="stylesheet" href="css/common.css">
<link rel="stylesheet" href="js/bootstrap2/css/bootstrap.min.css">
<link rel="stylesheet" href="js/bootstrap2/css/bootstrap-table.css">

<style type="text/css">
	.main,body,html{
		height: 100%;
	}
	.fromContent{
		height: 80%;
	}
	.changeContent{
		height: 20%;
	}
</style>
</head>
<body>
	<div class="main">
		<div class="fromContent">
			<iframe id="toShow" name="toShow" width="100%" style="height:100%;" frameborder="0" src="${requestScope.ctrlUrl }">
			</iframe>
		</div>
		<!-- 客户更改字段列表 -->
		<div style="padding: 10px" class="changeTable changeContent">
			<table id="chageTable" style="table-layout: fixed"></table>
		</div>
	</div>
	
	<script src="js/jquery-1.11.1.js"></script>
	<script src="js/bootstrap2/js/bootstrap.min.js"></script>
	<script src="js/bootstrap2/js/bootstrap-table.js"></script>
	<script src="js/bootstrap2/js/bootstrap-table-zh-CN.js"></script>
	<script type="text/javascript" src="js/sharefunction.js"></script>
	<script type="text/javascript">
		$(function(){
			initTable();
		});
		function initTable(){
			//初始化表格,动态从服务器加载数据  
			$("#chageTable").bootstrapTable({
				method : "post", //使用get请求到服务器获取数据  
				url : "examineInfo/getCustomerChangeListByAPd", //获取数据的Servlet地址  
				striped : true, //表格显示条纹  
				pagination : true, //启动分页  
				pageSize : 2, //每页显示的记录数  
				pageNumber : 1, //当前第几页  
				pageList : [ 5, 10, 15, 20, 25 ], //记录数可选列表  
				sidePagination : "server", //表示服务端请求  
				contentType : 'application/x-www-form-urlencoded',
				//设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder  
				//设置为limit可以获取limit, offset, search, sort, order  
				queryParamsType : "undefined",
				queryParams : function queryParams(params) { //设置查询参数  
					var param = {
						pageNumber : params.pageNumber,
						pageSize : params.pageSize,
						apId : '${requestScope.apId }'
					};
					return param;
				},
				columns : [ {
					field : 'createtime',
					title : '修改时间',
					width : '15%',
					formatter:dataFormat
				}, {
					field : 'fieldname',
					title : '修改字段',
					width : '7%'
				}, {
					field : 'changebefore',
					title : '修改前数据',
					width : '25%',
					formatter:showText	
				}, {
					field : 'changeafter',
					title : '修改后数据',
					width : '25%',
					formatter:showText	
				}, {
					field : 'adduser',
					title : '修改人',
					width : '7%',
				}, {
					field : 'remarks',
					title : '变更说明',
					width : '21%',
					formatter:showText	
				} ]
			});
		}
		//日期格式化
		function dataFormat(value, row, index) {
			return new Date(value).format("yyyy-MM-dd hh:mm:ss");
		}
	</script>
</body>
</html>